<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F().anime演示</title>
<style type="text/css">
#green_bar{width:0; height:20px; background-color:green;}
#red_bar{width:800px; height:20px; background-color:red; opacity:0; filter:alpha(opacity=0)}
</style>
<script type="text/javascript" src="../../1st.js"></script>
</head>
<body>
<div id="green_bar"></div>
<div id="red_bar"></div>

<script type="text/javascript">
F("green_bar").anime({width:800, duration:3000});
F("red_bar").anime({opacity:1, duration:1000, after:function(){
	F("red_bar").anime({width:"-700", duration:2000, type:"bounceIn"});
}});
</script>
</body>
</html>